/***
** Colores Oficiales
** Naranja: #ff4411;
** Azul Oscuro: #0D5594
** Azul Claro: ##5281B3
***/

body {
	color: #E3EBFA;
	text-align: center;
    /* background-color: #EDE8EA; */
  background: -webkit-linear-gradient(90deg, #E3EBFA 10%, #FFFFFF 90%); /* Chrome 10+, Saf5.1+ */
  background:    -moz-linear-gradient(90deg, #E3EBFA 10%, #FFFFFF 90%); /* FF3.6+ */
  background:     -ms-linear-gradient(90deg, #E3EBFA 10%, #FFFFFF 90%); /* IE10 */
  background:      -o-linear-gradient(90deg, #E3EBFA 10%, #FFFFFF 90%); /* Opera 11.10+ */
  background:         linear-gradient(90deg, #E3EBFA 10%, #FFFFFF 90%); /* W3C */
  	font-family: Verdana, Geneva, sans-serif;
}
.header {
	width: 100%;
    height: 11%;
}
.mainPane {
    width: 100%;
    height: 89%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: white;
}
.buttonPane {
	width: 32px;
	cursor: pointer;
}
.buttonPaneList {
	width: 24px;
	cursor: pointer;
}

/**
Lateral de listados y formularios
**/
table.lstPane {
	color: gray;
	width: 100%;
	height: 100%;
	margin-left: auto;
    margin-right: auto;
	border: 0px solid #0D5594;
}
td.labelPane {
	align: center;
	width: 1%;
	height: 90%; 
	background-color: white;
	border: 0px
}
p.labelPane {
	font-weight: bold;
	transform: rotate(270deg);
	text-transform: uppercase;
}
p.detLabelPane {
	transform: rotate(0deg);
}

/*** TABLA DE BOTONES LATERALES ***/
table.btnLaterales{
	width: 100%; 
	height: 100%; 
	padding: 0px; 
	border-spacing: 6px;
}

/*** TABLA DE LISTADO ***/
table.list {
	width: 100%;
	border: 0px solid #B0B0B0;
}
table.list th {
	color: #444;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 10px;
	border: 1px solid #B0B0B0;
	background: -moz-linear-gradient(top, #F0F0F0 0, #DBDBDB 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F0F0F0), color-stop(100%, #DBDBDB));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#DBDBDB', GradientType=0);
}
table.list tr:hover {
	cursor: pointer;
	background-color: #E9E8EB;
}
table.list td {
	padding: 3px 10px;
	font-size: 13px;
	color: #444;
}

/*** TABLA DE FORMULARIO ***/
table.adm {
	width: 100%;
	border: 0px solid #B0B0B0;
}

table.adm td{
	font-size: 13px;
	color: #444;
}

table.adm td:nth-child(odd) {
	padding: 3px 10px;
	font-weight: bold;
}

table.adm td:nth-child(even) {
	padding: 3px 10px;
}
/** COMPONENTES **/
a{
	color: #444;
	text-decoration: underline;
}

a:hover{
	color: #ff4411;
	text-decoration: underline;
}

textarea,input,select  {
	color: #444;
	font-size:14px;
	font-family: Verdana, Geneva, sans-serif;
}

.button {
	cursor: pointer;
	border: 1px solid #2252AB;
	background-color: white;
	padding: 5px 5px 5px 5px;
	color: #2252AB;
	font-size:14px;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
}   

.button:HOVER {
	color: white;
	cursor: pointer;
	border: 1px solid white;
	background-color: #2252AB;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
}      
/****/
h2 { 
	color: #ff4411; 
	font-size: 16px; 
	padding-bottom: 3px; 
}

h3 { 
	color: #2252AB; 
	font-size: 16px; 
	padding-bottom: 3px; 
}
/***************************/

/**
Detalle
**/
span.detalle { 
	font-size: 14px; 
}